html {
    width: 100%;
    height:100%;
}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
    width: 100%;
    height:100%;
    display:block;
}
.container {
	/*overflow:hidden;*/
	background-color: #222222;
	-khtml-border-radius: 5px; /* this is webkit-specific and gives us rounded corners*/
	top:	8px; /* This has an effective 8px padding to show us the app dropshadow */
	left:	8px; /* using all-four-sides positioning lets it expand properly on resizing */
	bottom:	8px;
	right:	8px;
    position: fixed;
	border: 6px solid #444444;
}
div.left {
	float: left;
	width: 60%;
}
#text {
	position: relative;
	top: 10px;
}
div.left div.languages {
	margin: 5px 0% 5px 5%;
	color: #ffffff;
	font-weight: bold;
}
div.left a.link {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	top: 2px;
	left: 10px;
	padding: 1% 1% 1% 1%;
	-khtml-border-radius: 2px;
	background: #DDDDDD url(images/button-bg.gif) repeat-x scroll left top;
	border: thin solid #AAAAAA;
	border-width: 1px;
}
div.left div.translate {
	float: right;
	margin: 5px -5px 5px 0px;
	padding: 3px 4px;
	cursor: pointer;
	border: medium solid #AAAAAA;
	border-width: 1px;
	font-weight: bold;
	-khtml-border-radius: 2px;
	background: #DDDDDD url(images/button-bg.gif) repeat-x scroll left top;
}
div.right {
	float: right;
	width: 40%;
}
div.right div.translated {
	position: relative;
	top: 10px;
	width: 88%;
	height: 69%;
	margin: 5% 3% 3% 8%;
	border-width: 1px;
	background: #ffffff;
}
textarea {
	width: 100%;
	height: 70%;
	margin: 3% 3% 3% 3%;
}
select {
	position: relative;
	top: 2px;
	width: 80px;
	height: 20px;
	border: none;
	background: #DDDDDD url(images/button-bg.gif) repeat-x scroll left top;
}
div.icon {
	float: left;
}
div.minimize {
	position:absolute;
	right:	30px;
	top:	2px;
	text-align:right;
	padding: 0px 6px 2px;
	color:#AAAAAA;
	background-color:#444444;
	-khtml-border-radius:3px;
	font-size:13px;
	cursor:pointer;
	margin:0;
}
div.close {
	position:absolute;
	right:	5px;
	top:	2px;
	text-align:right;
	padding:0px 6px 2px;
	color:#AAAAAA;
	background-color:#444444;
	-khtml-border-radius:3px;
	font-size:13px;
	cursor:pointer;
	margin:0;
}
div.close:hover, 
div.minimize:hover {
	color:#FFFFFF;
	background-color:#888888;
}
div.resize {
	position:absolute;
	bottom:7px;
	right:7px;
	font-size:12px;
	background-image:url('images/resize-sw.png');
	cursor: e-resize;
	text-align:center;
	width:13px;
	height:13px;
	opacity:1;
}
div.icon {
	-khtml-border-radius: 2px;
	background: url('icons/icon_32.png') no-repeat center;
	width: 30px;
	height: 30px;
	position: absolute;
	left: -10px;
	top: -10px;
	z-index: 1;
}
div.title {
	position: absolute;
	left: 5%;
	color: #ffffff;
	font-size: 14px;
	font-weight: bolder;
	cursor: move;
	width: 100%;
}
